<template>
	<div class="privacy-policy">
		<div class="main">
			<div class="inner">
				<div class="title">
					<h1>用户服务协议</h1>
				</div>
				<p>
					当您注册以及使用 本网站 时，我们认为您已经阅读并同意以下用户协议。
					若您在阅读完用户协议后表示无法接受，请自行退出本网站。
				</p>
				<div class="cib">
					<h2>1. 网站总规</h2>
				</div>
				<p>
					（1）【涉政】
					禁止影射或讨论时政等敏感话题<br />
					（2）【违禁内容】
					禁止发布恐怖、血腥暴力、淫秽色情等违禁内容。<br />
					（3）【娱乐圈】
					禁止明星、网红等具有较大争议的公共人物粉黑相关话题讨论创作。<br />
					（4）【人身攻击】
					禁止无端辱骂他人，禁止侵犯他人名誉权、隐私权等人身权利。<br />
					（5）【引战造谣】
					禁止恶意引战发表争议性言论，禁止发表不实造谣言论。<br />
					（6）【刷屏】
					禁止就同一内容重复刷屏，影响他人正常使用网站。<br />
					（7）【广告】
					禁止发布广告。<br />
					（8）【社群违规】
					禁止违反《社群规定》，在发布作品时需同样遵守《创作规定》。<br />
					（9）【AI】
					禁止将他人的图片、文字用于AI训练。<br />
					（10）【其他】
					禁止发表其他任何违反法律法规和公序良俗的言论。
				</p>
				<div class="cib">
					<h2>2. 处罚规则</h2>
				</div>
				<p>
					如果用户违反了《网站总规》、《社群规定》、《创作规定》，或有其他不当或违法行为，
					本网站有权随时暂停用户的评论权限、终止账号访问权限，并对用户的账号进行永久封禁而无需另行进行通知<br />
				</p>
				<div class="cib">
					<h2>3. 免责声明</h2>
				</div>
				<p>
					本网站 所有发言仅代表发言者的个人观点，与本网站的管理员和其他用户无关。<br />
					用户的账号因非 本网站 原因被盗用，本网站 概不负责。<br />
				</p>
				<div class="cib">
					<h2>4. 变更通知</h2>
				</div>
				<p>
					本网站 保留随时修改 用户服务协议 的权利。<br />
					若协议发生重要变更我们会通过官方公告的方式或其他有效渠道向您进行通知。<br />
					用户继续使用本服务的，视为自动接受新规定。
				</p>
				<br />
				<br />
				<p>更新日期：2025年9月1日</p>
			</div>
		</div>
	</div>
</template>

<script setup>
import Header from "../components/Header.vue";
</script>

<style lang="scss" scoped>
.privacy-policy {
	display: flex;
	position: relative;
	flex-flow: column nowrap;
	min-height: 100vh;
}

.main {
	flex: 1 1 auto;
	position: relative;
	width: 100%;
	max-width: 100vw;
	min-width: 100%;
	.inner {
		width: 100%;
		max-width: 26.75rem;
		margin-left: auto;
		margin-right: auto;
		padding-left: 1rem;
		padding-right: 1rem;
		margin-bottom: 6px;
		.title {
			height: 4rem;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-bottom: 2rem;
			h1 {
				font-size: 1.25rem;
				font-weight: 400;
				line-height: 1.5;
				letter-spacing: 0.05em;
			}
		}
		p {
			font-size: 1rem;
			font-weight: 400;
			line-height: 2;
			letter-spacing: 0.05em;
		}
		.cib {
			height: 4rem;
			display: flex;
			align-items: center;
		}
		h2 {
			font-size: 1rem;
			font-weight: 400;
			line-height: 1.5;
			letter-spacing: 0.05em;
		}
	}
}

@media screen and (min-width: 768px) {
	.main {
		.inner {
			max-width: 48rem;
			padding-left: 1rem;
			padding-right: 1rem;
		}
	}
}

@media screen and (min-width: 1280px) {
	.main {
		.inner {
			max-width: 61.5rem;
			padding-left: 0rem;
			padding-right: 0rem;
		}
	}
}
</style>